<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
	<title></title>
    <link rel="stylesheet" type="text/css" href="/test/mycss.css">
</head>
<body>
   <h1>
   	应用表
   </h1>
   <h2>阿斯达</h2>
   <h10>12123324</h10>
   <P>二七区asjkfsafhdkjfgkassaksadadafrefer三期</P>
   <p id="pid">hello css <a href="http//wwww.jikexueyuan.com">学院</a></p> 
   <div id="divid">
     asdada
    <p>这是第一个div</p>
  </div>
<h1 class = "center">这个标题居中显示。</h1>
<p class = "center">这个段落居中显示222。</p>



</body>
</html>

<html>
<head>
<title>字体名称属性 font-family</title>
<STYLE>
.s1 {font-family:Arial}
.s2 {font-family:Tahoma}
.s3 {font-family:Courier}
.s4 {font-family:Verdana}

</STYLE>
</head>
<body>
<p>The font-family value of the text is the browser default font.</p>
<p class = "s1">The fon-family value of the text is "Arial"。</p>
<p class = "s2">The fon-family value  of the text is "Tahoma"。</p>
<p class = "s3">The fon-family value  of the text is "Courer"。</p>
<p class = "s4">The fon-family value  of the text is "Verdana"。</p>
	
</body>
</html>


<HTML>
<HEAD>
<TITLE>CSS左边距属性 margin-left</TITLE>
<STYLE type="text/css">
.D1{border:1px solid #FF0000}
.D2{border:1px solid red;}
.D3{margin:1cm;border:1px solid gray;}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="D1">
<DIV CLASS="D2">没有margin</DIV>
</DIV>
<P>上面两个div没有设置边距属性(margin)，仅设置了边框属性(border)。外面那个div的border设为红色，里面那个div的border属性设为灰色。</P>
<HR>
<P>和上面两个div的CSS属性设置唯一不同的是，下面两个div中，里面的那个div设置了左边距属性(margin-left)，表示这个div左边距为1厘米。</P>
<DIV CLASS="D1">
<DIV CLASS="D3">margin-left设为1cm</DIV>
</DIV>
</BODY>
</HTML>
